// /**
// //  * Magento
//  *
//  * NOTICE OF LICENSE
//  *
//  * This source file is subject to the Academic Free License (AFL 3.0)
//  * that is bundled with this package in the file LICENSE_AFL.txt.
//  * It is also available through the world-wide-web at this URL:
//  * http://opensource.org/licenses/afl-3.0.php
//  * If you did not receive a copy of the license and are unable to
//  * obtain it through the world-wide-web, please send an email
//  * to license@magentocommerce.com so we can send you a copy immediately.
//  *
//  * DISCLAIMER
//  *
//  * Do not edit or add to this file if you wish to upgrade Magento to newer
//  * versions in the future. If you wish to customize Magento for your
//  * needs please refer to http://www.magentocommerce.com for more information.
//  *
//  * @category    design
//  * @copyright   Copyright (c) 2014 X.commerce, Inc. (http://www.magentocommerce.com)
//  * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
//  */

.mixin-breadcrumbs(
    @_breadcrumbs-font-size: @breadcrumbs-font-size,
    @_breadcrumbs-display: @breadcrumbs-display,
    @_breadcrumbs-container-margin: @breadcrumbs-container-margin,
    @_breadcrumbs-padding: @breadcrumbs-padding,

    // Breadcrumbs current
    @_breadcrumbs-current-color: @breadcrumbs-current-color,
    @_breadcrumbs-current-font-weight: @breadcrumbs-current-font-weight,
    @_breadcrumbs-current-background: @breadcrumbs-current-background,
    @_breadcrumbs-current-border: @breadcrumbs-current-border,
    @_breadcrumbs-current-gradient: @breadcrumbs-current-gradient,
    @_breadcrumbs-current-gradient-direction: @breadcrumbs-current-gradient-direction,
    @_breadcrumbs-current-gradient-start-color: @breadcrumbs-current-gradient-start-color,
    @_breadcrumbs-current-gradient-end-color: @breadcrumbs-current-gradient-end-color,

    // Breadcrumbs link - gradient
    @_breadcrumbs-link-gradient: @breadcrumbs-link-gradient,
    @_breadcrumbs-link-gradient-direction: @breadcrumbs-link-gradient-direction,

    // Breadcrumbs link color
    @_breadcrumbs-link-color: @breadcrumbs-link-color,
    @_breadcrumbs-link-background: @breadcrumbs-link-background,
    @_breadcrumbs-link-border: @breadcrumbs-link-border,
    @_breadcrumbs-link-text-decoration: @breadcrumbs-link-text-decoration,
    @_breadcrumbs-link-gradient-start-color: @breadcrumbs-link-gradient-start-color,
    @_breadcrumbs-link-gradient-end-color: @breadcrumbs-link-gradient-end-color,

    // Breadcrumbs link - visited
    @_breadcrumbs-link-color-visited: @breadcrumbs-link-color-visited,
    @_breadcrumbs-link-background-visited: @breadcrumbs-link-background-visited,
    @_breadcrumbs-link-border-visited: @breadcrumbs-link-border-visited,
    @_breadcrumbs-link-text-decoration-visited: @breadcrumbs-link-text-decoration-visited,
    @_breadcrumbs-link-gradient-start-color-visited: @breadcrumbs-link-gradient-start-color-visited,
    @_breadcrumbs-link-gradient-end-color-visited: @breadcrumbs-link-gradient-end-color-visited,

    // Breadcrumbs link - hover
    @_breadcrumbs-link-color-hover: @breadcrumbs-link-color-hover,
    @_breadcrumbs-link-background-hover: @breadcrumbs-link-background-hover,
    @_breadcrumbs-link-border-hover: @breadcrumbs-link-border-hover,
    @_breadcrumbs-link-text-decoration-hover: @breadcrumbs-link-text-decoration-hover,
    @_breadcrumbs-link-gradient-start-color-hover: @breadcrumbs-link-gradient-start-color-hover,
    @_breadcrumbs-link-gradient-end-color-hover: @breadcrumbs-link-gradient-end-color-hover,

    // Breadcrumbs link - active
    @_breadcrumbs-link-color-active: @breadcrumbs-link-color-active,
    @_breadcrumbs-link-background-active: @breadcrumbs-link-background-active,
    @_breadcrumbs-link-border-active: @breadcrumbs-link-border-active,
    @_breadcrumbs-link-text-decoration-active: @breadcrumbs-link-text-decoration-active,
    @_breadcrumbs-link-gradient-start-color-active: @breadcrumbs-link-gradient-start-color-active,
    @_breadcrumbs-link-gradient-end-color-active: @breadcrumbs-link-gradient-end-color-active,

    // Breadcrumbs separating symbol
    @_breadcrumbs-separator-symbol: @breadcrumbs-separator-symbol,
    @_breadcrumbs-separator-color: @breadcrumbs-separator-color,

    // Use icon as a separating symbol
    @_breadcrumbs-icon-use: @breadcrumbs-icon-use,
    @_breadcrumbs-icon-font-content: @breadcrumbs-icon-font-content,
    @_icon-font: @breadcrumbs-icon-font,
    @_icon-font-size: @breadcrumbs-icon-font-size,
    @_icon-font-line-height: @breadcrumbs-icon-font-line-height,
    @_icon-font-color: @breadcrumbs-icon-font-color,
    @_icon-font-margin: @breadcrumbs-icon-font-margin,
    @_icon-font-vertical-align: @breadcrumbs-icon-font-vertical-align
) {
    .css(margin, @_breadcrumbs-container-margin);
    .items {
        .font-size(@_breadcrumbs-font-size);
        .css(color, @_breadcrumbs-current-color);
        .list-inline();
    }
    .item {
        margin: 0;
    }
    a {
        .css(background, @_breadcrumbs-link-background);
        .background-gradient(
            @_breadcrumbs-link-gradient-start-color,
            @_breadcrumbs-link-gradient-end-color,
            @_breadcrumbs-link-gradient-direction,
            @_breadcrumbs-link-gradient
        );
        .css(border, @_breadcrumbs-link-border);
        .css(display, @_breadcrumbs-display);
        .css(padding, @_breadcrumbs-padding);
        .css(color, @_breadcrumbs-link-color);
        .css(text-decoration, @_breadcrumbs-link-text-decoration);
        &:visited {
            .css(background, @_breadcrumbs-link-background-visited);
            .background-gradient(
                @_breadcrumbs-link-gradient-start-color-visited,
                @_breadcrumbs-link-gradient-end-color-visited,
                @_breadcrumbs-link-gradient-direction,
                @_breadcrumbs-link-gradient
            );
            .css(border, @_breadcrumbs-link-border-visited);
            .css(color, @_breadcrumbs-link-color-visited);
            .css(text-decoration, @_breadcrumbs-link-text-decoration-visited);
        }
        &:hover {
            .css(background, @_breadcrumbs-link-background-hover);
            .background-gradient(
                @_breadcrumbs-link-gradient-start-color-hover,
                @_breadcrumbs-link-gradient-end-color-hover,
                @_breadcrumbs-link-gradient-direction,
                @_breadcrumbs-link-gradient
            );
            .css(border, @_breadcrumbs-link-border-hover);
            .css(color, @_breadcrumbs-link-color-hover);
            .css(text-decoration, @_breadcrumbs-link-text-decoration-hover);
        }
        &:active {
            .css(background, @_breadcrumbs-link-background-active);
            .add-background(@_breadcrumbs-link-background-active);
            .background-gradient(
                @_breadcrumbs-link-gradient-start-color-active,
                @_breadcrumbs-link-gradient-end-color-active,
                @_breadcrumbs-link-gradient-direction,
                @_breadcrumbs-link-gradient
            );
            .css(border, @_breadcrumbs-link-border-active);
            .css(color, @_breadcrumbs-link-color-active);
            .css(text-decoration, @_breadcrumbs-link-text-decoration-active);
        }
    }
    strong {
        .css(background, @_breadcrumbs-current-background);
        .background-gradient(
            @_breadcrumbs-current-gradient-start-color,
            @_breadcrumbs-current-gradient-end-color,
            @_breadcrumbs-current-gradient-direction,
            @_breadcrumbs-current-gradient
        );
        .css(border, @_breadcrumbs-current-border);
        .css(display, @_breadcrumbs-display);
        .css(padding, @_breadcrumbs-padding);
        .css(font-weight, @_breadcrumbs-current-font-weight);
    }

    & when not (@_breadcrumbs-separator-symbol = '') and not (@_breadcrumbs-separator-symbol = false) {  // Insert separating symbol to "content"
        .item:not(:last-child) {
            &:after {
                .css(color, @_breadcrumbs-separator-color);
                .css(content, @_breadcrumbs-separator-symbol);
            }
        }
    }

    & when (@_breadcrumbs-icon-use = true) {  // Use font icon as a separating symbol
        .item:not(:last-child) {
            .icon-font(
                @_icon-font-content: @_breadcrumbs-icon-font-content,
                @_icon-font: @_icon-font,
                @_icon-font-size: @_icon-font-size,
                @_icon-font-line-height: @_icon-font-line-height,
                @_icon-font-color: @_icon-font-color,
                @_icon-font-margin: @_icon-font-margin,
                @_icon-font-vertical-align: @_icon-font-vertical-align,
                @_icon-font-position: after
            );
        }
    }
}
